// 顶部
.top-bar {
  color: #737373;
  .contenter {
    .l-box {
      .collect {
        a {
            color: #737373;
        }
      }
      .weixin {
        a {
          color: #737373;
        }
        .qr_code {
          p {
            color: #737373;
          }
        }
      }
    }
    .r-box {
      ul {
        .log-in{
          color: #737373;
        }
        .shop-car {
          color: #737373;
        }
        .col-r {
          color: #737373;
        }
      }
    }
  }
}
// 头部
.header {
  height: 120px;
  .contenter {
    display: flex;
    justify-content: space-between;
    .logo {
      margin-top: 10px;
      width: 390px;
      img {
        margin-top: 6px;
        display: block;
      }
    }
    .search {
      justify-content: flex-end;
      .top {
        display: flex;
        #text {
          width: 371px;
          height: 34px;
          border: 2px solid #e01662;
          border-right: none;
          font-size: 14px;
          color: #000;
          padding: 6px;
          outline: none;
        }
        #text::-webkit-input-placeholder {
          color: #ccc;
        }
        .btn {
          color: #fff;
          font-size: 16px;
          line-height: 34px;
          text-align: center;
          width: 80px;
          height: 34px;
          background-color: #e01662;
          font-family: tahoma, arial, "Hiragino Sans GB", "\5FAE\8F6F\96C5\9ED1",
            sans-serif;
        }
      }
    }
  }
}
// 空购物车
.null_car {
  margin: 100px auto;
  display: flex;
  justify-content: center;
  align-items: center;
  .img{
    position: relative;
    width: 881px;
    height: 355px;
    img {
      width: 100%;
      height: 100%;
      display: block;
    }
    a{
      display: block;
      width: 40px;
      height: 20px;
      border: 1px solid transparent;
      border-radius: 2px;
      position: absolute;
    }
    .index{
      top: 161px;
      left: 440px;
    }
    .flower{
      top: 161px;
      left: 494px;
    }
    .cake{
      top: 161px;
      left: 549px;
    }
    .gift {
      top: 161px;
      left: 605px;
    }
  }
}

// 下方copy移入颜色改变
.copy {
  ul {
    li {
      a:hover {
        color: #e01662;
      }
    }
  }
  p {
    a:hover {
      color: #e01662;
    }
  }
}
